<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体</title>
    <style>
        .box1{
            /* 
                font-size 用来指定字体的大小
                    0 表示文字不显示
                    1-12 大小都是12

                font-weight 字重
                    - 可以传递100 200 300 - 1000 十个级别的参数
                        但是注意不一定值越大就越粗，200不一定比100粗
                    - 常用值：
                        normal 默认值 正常的粗细
                        bold 加粗

                font-style 斜体
                    - 可选值
                        normal 正常的
                        italic 斜体

                font-family 字体族
                    - 可以用来指定要使用的字体
                    - 可选值：
                        serif 衬线字体
                        sans-serif 非衬线字体
                        monospace 等宽字体



            */
            /* font-size: 40px; */
            /* font-weight: bold;
            font-style: italic; */
            /* font-family: "microsoft yahei", arial, Helvetica, sans-serif; */
            /* font-family: monospace; */

            /* 
                font
                    - 字体的简写属性，可以设置所有的和字体相关的样式
                    - 顺序要求
                        字体大小必须是倒数第二个
                        字体族必须是最后一个
                        其他无所谓
            */

            font: 50px "microsoft yahei", sans-serif;
        }

    </style>
</head>
<body>

    <div class="box1">
        Hello Hello How are you!
        今天天气真不错！
    </div>
    
</body>
</html>